<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 查MDN的步骤  学一个新的方法

    // 1. 语法， 先大致了解
    // 2. 作用， 看这个方法是干嘛的 
    // 3. 参数， 熟悉参数
    // 4. 返回值，看这个方法是否有返回值

    // 5. 描述   注意事项
    // 6. 示例代码   自己尝试一下 


    // arr.find(cbFn)
    // 1. 语法
    // 2. 作用：返回数组中满足条件的第一个数组元素，如果不满足，返回undefined。
    // 3. 参数   
    // cbFn 回调函数  ===> 这个函数，一般要写上return
    // cbFn的参数
    // 第一个参数       : item  当前元素
    // 第二个参数       : index 当前的元素的索引号 （可选）
    // 4. 返回值：数组中第一个满足条件的数组元素 / undefined.

    const arr = ['red', 'blue', 'orange']

    const res = arr.find(function (item) {
      return item === 'blue'
    })
    console.log(res)

    const res2 = arr.find(el => el === 'orange')
    console.log(res2)
  </script>
</body>

</html>